<!DOCTYPE html>
<!--4月1号以前aho(公司名称)的 owner 协议-->
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=no" />
    <title>Mandatory Declaration</title>
    <link href="../css/common.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        body,
        div,
        dl,
        dt,
        dd,
        ul,
        ol,
        li,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        pre,
        code,
        form,
        fieldset,
        legend,
        input,
        texarea,
        p,
        blockquote,
        th,
        td {
            margin: 0px;
            padding: 0px;
        }
        
        body {
            overflow-x: hidden;
            font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
            font-weight: normal;
            line-height: 1.5;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-color: #f8f8f8;
        }
        
        div,
        p {
            word-wrap: break-word;
        }
        
        .container {
            padding: 16px;
            background-color: #f8f8f8;
            margin-bottom: 64px;
        }
        
        .text {
            font-size: 15px;
            font-weight: 400;
            line-height: 20px;
            opacity: 1;
            color: #444444;
        }
        
        .textColorTitle {
            color: #b3b7be;
        }
        
        .topMargin10 {
            margin-top: 10px;
        }
        
        .textBold {
            font-weight: bold;
            color: #444444;
        }
        
        .bottomBar {
            width: 100%;
            position: fixed;
            bottom: 0;
            background-color: #ffffff;
        }
    </style>
</head>

<body>
    <div class="container text">
        <p class="textColorTitle" style="padding-left: 19px">
            Please scroll down and read it carefully
        </p>
        <div class="card">
            <p>
                I am the legal owner of the Small Generation Unit (SGU), and assign the right to create STCs to <span class="textBold">One Stop Warehouse Finance Pty Ltd</span> for the period stated above, commencing from the date of installation.
            </p>
            <p style="margin-top: 14px">
                - I have not previously assigned or created any STCs for this system.
            </p>
            <p class="topMargin10">
                - To claim for the current deeming period for this SGU, I understand that the STCs must be registered within 12 months’ of the SGU installation.
            </p>
            <p class="topMargin10">
                - I understand that I am under no obligation to assign any STCs to One Stop Warehouse Finance Pty Ltd.
            </p>
            <p class="topMargin10">
                - I understand that agent(s) from the Clean Energy Regulator, or One Stop Warehouse Finance Pty Ltd may request to inspect the SGU at any time.
            </p>
            <p class="topMargin10">
                - I am aware that I have to retain proof of the installation for the life span of the STCs.
            </p>
            <p class="topMargin10">
                - I am aware that the provision of false and misleading information is an offence under the Renewable <i> (Electricity) Act 2000 </i>, and where false and misleading information has been provided for the creation of the STCs, penalties
                can apply including the repayment of the total value of the STCs submitted.
            </p>
            <p class="topMargin10">
                - I further declare that the accredited CEC installer named on this form physically attended the installation of the unit.
            </p>
            <p class="topMargin10" style="font-weight: bold">
                - I agree to this device (GreenDeal App) taking a photo of me while I sign off to verify my identity.
            </p>
        </div>
    </div>
    <div class="bottomBar">
        <div class="summitDiv">
            <button type="button" class ="summitButton" onclick="submit()">I Agree & Continue</button>
<!--                <input type="image" src="../images/btn_agree_sign.png" style="width: 164px;height: 64px;" onclick="submit()" />-->
        </div>
    </div>
</body>

<script type="text/javascript" src="../javascripts/platform.js"></script>
<script type="text/javascript">
    var data;

    function init_pvd_detail(detail) {
        data = detail;
        init_data(data);
    }


    let doc_version = "1";

    function submit() {
        let local = getLocalParam();
        local["owner_declaration_version"] = doc_version;
        addParamToLocal(local);
        window.location.href = "../owner/owner_onsite_signature_v2_old.html"
    }

    function getLocalParam() {
        var local = localStorage.getItem('param');
        if (local != "" && local != null && local != undefined) {
            console.log(local)
            return JSON.parse(local);
        } else {
            return {};
        }
    }

    function addParamToLocal(dictionary) {
        localStorage.setItem('param', JSON.stringify(dictionary));
    }

    if (isAndroid) {
        let json = myJsBridge.initData();
        init_pvd_detail(JSON.parse(json));
    }

    if (isIos) {
        window.webkit.messageHandlers.event.postMessage({
            "event": "getPvddetail"
        });
    }
</script>


</html>
